<!DOCTYPE HTML>
<html class="no-js" lang="en">
<head>    
    <?php wp_enqueue_script("jquery"); ?>
    <?wp_head();?>
</head>
<body data-spy="scroll" data-offset="200">
<!-- HEADER -->
<header class="">
    <div class="container">
    	<nav class="navbar navbar-default scrollMenu" role="navigation">
    		<div class="navbar-header">
    			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
                    <span class="sr-only">Clinica Ronaldo Neiva</span> 
                    <span class="icon-bar"></span> 
                    <span class="icon-bar"></span> 
                    <span class="icon-bar"></span> 
                </button>
    			<a class="navbar-brand" href="index.html"><img src="<?bloginfo('template_url')?>/webroot/img/logo.png" alt="Ashley website template" height="90"/></a> 
            </div>
			<div class="navbar-collapse navbar-ex1-collapse">
				<ul class="nav nav-pills pull-right">
                    <li class="active"><a href="#home">HOME</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">SOBRE NÓS<i class="icon-fixed-width icon-caret-down"></i></a>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="#sobre-nos">Institucional</a></li>
                            <li><a href="#sobre-nos">Estrutura</a></li>
                            <li><a href="#sobre-nos">Nossa Equipe</a></li>
                            <li><a href="#sobre-nos">Parceiros</a></li>
                        </ul>
                    </li>
                    <li><a href="#servicos">SERVIÇOS</a></li>
                    <li><a href="#noticias">NOTÍCIAS</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">CONTATO<i class="icon-fixed-width icon-caret-down"></i></a>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="#contato">Contate-nos</a></li>
                            <li><a href="#contato">Localização</a></li>
                        </ul>
                    </li>
                </ul>
			</div>    
    	</nav>
	</div>
</header>    
<!-- /HEADER -->

<!-- SLIDER -->
<section class="slider carousel slide" id="home">
    <ol class="carousel-indicators">
        <li data-target=".slider" data-slide-to="0" class="active"></li>
        <li data-target=".slider" data-slide-to="1"></li>
        <li data-target=".slider" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <img src="<?bloginfo('template_url');?>/webroot/img/slider-1.jpg" alt="Slider-1" />
            <div class="container">
                <div class="carousel-caption">
                    <h1>Example headline.</h1>
                    <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <a class="btn btn-large btn-primary" href="#">Sign up today</a>                    
                </div>
            </div>
        </div>        
        <div class="item">
            <img src="<?bloginfo('template_url');?>/webroot/img/slider-2.jpg" alt="Slider-2" />
            <div class="container">
                <div class="carousel-caption">
                    <h1>Example headline.</h1>
                    <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <a class="btn btn-large btn-primary" href="#">Sign up today</a>                    
                </div>
            </div>
        </div>        
        <div class="item">
            <img src="<?bloginfo('template_url');?>/webroot/img/slider-3.jpg" alt="Slider-3" />
            <div class="container">
                <div class="carousel-caption">
                    <h1>Example headline.</h1>
                    <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <a class="btn btn-large btn-primary" href="#">Sign up today</a>                    
                </div>
            </div>
        </div>        
    </div>
    <a class="left carousel-control" href=".slider" data-slide="prev"><i class="icon-angle-left"></i></a>
    <a class="right carousel-control" href=".slider" data-slide="next"><i class="icon-angle-right"></i></a>
</section>
<!-- /SLIDER -->

<!-- SLOGAN -->
<section class="slogan">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 text-left">
                <h2>Implantodontia e Odontogeriatria com sucesso!!!</h2>                            
            </div>
            <div class="col-lg-3 text-right">
                <a href="#" class="btn btn-large btn-default"><i class="icon-map-marker icon-fixed-width"></i>venha nos conhecer</a>
            </div>
        </div>        
    </div>
</section>
<!-- /SLOGAN -->

<!-- SOBRE NÓS -->
<section class="slice">    
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h1 id="sobre-nos" class="titulo">
                    <hr class="pull-left col-lg-4" />
                    <span class="icon-stack">
                        <i class="icon-circle icon-stack-base"></i>
                        <i class="icon-light icon-group"></i>
                    </span>
                    SOBRE NÓS
                    <hr class="pull-right col-lg-4" />
                </h1>
                <h2 class="subtitulo">somos uma empresa voltada ao ramos odontologico</h2>            
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3">
                <div class="thumbnail">
                    <img src="<?bloginfo('template_url');?>/webroot/img/sobre-nos-1.png" alt="Institucional" />
                    <h3>Instituicional</h3>
                    <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    <a href="#" class="btn btn-primary btn-small">leia mais</a>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="thumbnail">
                    <img src="<?bloginfo('template_url');?>/webroot/img/sobre-nos-1.png" alt="Institucional" />
                    <h3>Estrutura</h3>
                    <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    <a href="#" class="btn btn-primary btn-small">leia mais</a>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="thumbnail">
                    <img src="<?bloginfo('template_url');?>/webroot/img/sobre-nos-1.png" alt="Institucional" />
                    <h3>Nossa Equipe</h3>
                    <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    <a href="#" class="btn btn-primary btn-small">leia mais</a>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="thumbnail">
                    <img src="<?bloginfo('template_url');?>/webroot/img/sobre-nos-1.png" alt="Institucional" />
                    <h3>Parceiros</h3>
                    <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    <a href="#" class="btn btn-primary btn-small">leia mais</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /SOBRE NÓS -->
        
<!-- SERVIÇOS -->
<section class="slice servicos">    
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h1 id="servicos" class="titulo">
                    <hr class="pull-left col-lg-4" />
                    <span class="icon-stack">
                        <i class="icon-circle icon-stack-base"></i>
                        <i class="icon-light icon-medkit"></i>
                    </span>
                    SERVIÇOS
                    <hr class="pull-right col-lg-4" />
                </h1>
                <h2 class="subtitulo">somos uma empresa voltada ao ramos odontologico</h2>            
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4">
                <i class="icon-user-md icon-5x pull-left"></i>
                <div class="pull-left">
                <h3>Serviço 1</h3>
                <ul>
	                <li>Website Design</li>
	                <li>Website Development</li>
	                <li>Content Management Systems</li>
	                <li>E-Commerce</li>
	            </ul>     
                
                </div>                
            </div>
            <div class="col-lg-4">
                <i class="icon-user-md icon-5x pull-left"></i>
                <div class="pull-left">
                <h3>Serviço 2</h3>
                <ul>
	                <li>Website Design</li>
	                <li>Website Development</li>
	                <li>Content Management Systems</li>
	                <li>E-Commerce</li>
	            </ul>     
                
                </div>                
            </div>
            <div class="col-lg-4">
                <i class="icon-user-md icon-5x pull-left"></i>
                <div class="pull-left">
                <h3>Serviço 3</h3>
                <ul>
	                <li>Website Design</li>
	                <li>Website Development</li>
	                <li>Content Management Systems</li>
	                <li>E-Commerce</li>
	            </ul>     
                
                </div>                
            </div>
        </div>
    </div>
</section>
<!-- /SERVIÇOS -->
        
<!-- NOTÍCIAS -->
<section class="slice noticias">    
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h1 id="noticias" class="titulo">
                    <hr class="pull-left col-lg-4" />
                    <span class="icon-stack">
                        <i class="icon-circle icon-stack-base"></i>
                        <i class="icon-light icon-comment"></i>
                    </span>
                    NOTÍCIAS
                    <hr class="pull-right col-lg-4" />
                </h1>
                <h2 class="subtitulo">nossas últimas noticias</h2>            
            </div>
        </div>
            <div class="col-lg-4">
                <div class="noticia">
                    <img src="<?bloginfo('template_url');?>/webroot/img/noticias-1.jpg" alt="Institucional" />
                    <div>
                        <h3>Estrutura</h3>
                        <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    </div>
                    <div class="text-right">
                        <a href="#" class="btn btn-default btn-small"><i class="icon-link icon-fixed-width"></i>leia mais</a>
                    </div>                    
                </div>
            </div>
            <div class="col-lg-4">
                <div class="noticia">
                    <img src="<?bloginfo('template_url');?>/webroot/img/noticias-1.jpg" alt="Institucional" />
                    <div>
                        <h3>Estrutura</h3>
                        <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    </div>
                    <div class="text-right">
                        <a href="#" class="btn btn-default btn-small"><i class="icon-link icon-fixed-width"></i>leia mais</a>
                    </div>                    
                </div>
            </div>
            <div class="col-lg-4">
                <div class="noticia">
                    <img src="<?bloginfo('template_url');?>/webroot/img/noticias-1.jpg" alt="Institucional" />
                    <div>
                        <h3>Estrutura</h3>
                        <p>All ideas require implementation and our multi-disciplined netproject fosters a wide array of abilities that empower visionaries and entrepreneurs to lead meaningful brands.</p>
                    </div>
                    <div class="text-right">
                        <a href="#" class="btn btn-default btn-small"><i class="icon-link icon-fixed-width"></i>leia mais</a>
                    </div>                    
                </div>
            </div>
    </div>
</section>
<!-- /NOTÍCIAS -->
        
<!-- CONTATO -->
<section class="slice">    
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h1 id="contato" class="titulo">
                    <hr class="pull-left col-lg-4" />
                    <span class="icon-stack">
                        <i class="icon-circle icon-stack-base"></i>
                        <i class="icon-light icon-map-marker"></i>
                    </span>
                    CONTATO
                    <hr class="pull-right col-lg-4" />
                </h1>
                <h2 class="subtitulo">somos uma empresa voltada ao ramos odontologico</h2>            
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8">
                
            </div>
            <div class="col-lg-4">
                <iframe width="360" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com.br/maps?t=m&amp;q=Design+A3+-+Avenida+Dom+Severino,+Teresina+-+Piau%C3%AD&amp;ie=UTF8&amp;hq=Design+A3+-&amp;hnear=Av.+Dom+Severino,+Teresina+-+Piau%C3%AD&amp;ll=-5.069122,-42.794055&amp;spn=0.00374,0.00457&amp;z=17&amp;iwloc=A&amp;output=embed"></iframe>
            </div>
        </div>
    </div>
</section>
<!-- /CONTATO -->

<!-- FOOTER -->        
        
<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <h1>RODAPE 1</h1>
            </div>
            <div class="col-lg-4">
                <h1>RODAPE 2</h1>
            </div>
            <div class="col-lg-4">
                <h1>RODAPE 3</h1>
            </div>        
        </div>
    </div>
</footer>        
<!-- /FOOTER -->
<?wp_footer();?>                
</body>
</html>